<!DOCTYPE html>
<html lang="en">
<head>
    <meta charset="UTF-8">
    <title>天赋能健康产业集团</title>
    <link rel="shortcut icon" href="favicon.ico" type="image/x-icon" />
    <link rel="stylesheet" href="css/normalize.css">
    <link rel="stylesheet" href="css/animate.css">
    <link rel="stylesheet" href="css/main.css">
    <link rel="stylesheet" href="css/ft-carousel.css">
    <link rel="stylesheet" href="css/page_style/index.css">
</head>
<body>
    <div class="top-div">
        <!--轮播图-->
        <div class="slider" id="banner-container">
            <div class="ft-carousel" id="carousel_1">
                <ul class="carousel-inner" id="banner">
                    <li class="carousel-item"><img src="img/slider/slider01.jpg" /></li>
                    <li class="carousel-item"><img src="img/slider/slider02.jpg" /></li>
                    <li class="carousel-item"><img src="img/slider/slider03.jpg" /></li>
                </ul>
            </div>
        </div>
        <div class="nav-outside-index">
            <nav class="nav">
                <div class="logo">
                    <a href="index.html">
                        <img src="img/logo_w.png" alt="" id="index-logo">
                    </a>
                </div>
                <div class="nav-list">
                    <div>
                        <ul class="page-link wihte-color">
                            <li class="active">
                                <a class="wihte-border-color  wihte-color" href="index.html"><span>首页</span></a>
                            </li>
                            <li class="">
                                <a class="wihte-border-color wihte-color" href="tfn.html"><span>天赋能</span></a>
                            </li>
                            <li class="">
                                <a class="wihte-border-color wihte-color" href="layout.html"><span>产业布局</span></a>
                            </li>
                            <li class="">
                                <a class="wihte-border-color wihte-color" href="technology.html"><span>科技发展</span></a>
                            </li>
                            <li class="">
                                <a class="wihte-border-color wihte-color" href="news.html"><span>新闻中心</span></a>
                            </li>
                            <li class="">
                                <a class="wihte-border-color wihte-color" href="responsibility.html"><span>社会责任</span></a>
                            </li>
                            <li class="">
                                <a class="wihte-border-color wihte-color" href="contact.html"><span>联系我们</span></a>
                            </li>
                        </ul>
                    </div>
                    <div class="wechat">
                        <img src="img/wechat.png" class="wechat-icon" alt="">
                        <div class="erweima">
                            <div class="erweima-inside" id="code">
                                <img src="img/erweima-no-border.png" alt="" >
                            </div>
                            <div class="jiao">
                                <span class="l"></span>
                                <span class="r"></span>
                            </div>
                        </div>
                    </div>
                </div>

            </nav>
        </div>
        <div class="nav-outside fixed-box" style="height: 0">
            <nav class="nav">
                <div class="logo">
                    <a href="index.html">
                        <img src="img/logo.png" alt="" id="normal-logo">
                    </a>
                </div>
                <div class="nav-list">
                    <ul class="page-link theme-color page-link-all">
                        <li class="active">
                            <div class="theme-border-color"><a href="index.html" class="theme-color">首页</a></div>
                        </li>
                        <li class="">
                            <div class="theme-border-color"><a href="tfn.html" class="theme-color">天赋能</a></div>
                        </li>
                        <li class="">
                            <div class="theme-border-color"><a href="layout.html" class="theme-color">产业布局</a></div>
                        </li>
                        <li class="">
                            <div class="theme-border-color"><a href="technology.html" class="theme-color">科技发展</a></div>
                        </li>
                        <li class="">
                            <div class="theme-border-color"><a href="news.html" class="theme-color">新闻中心</a></div>
                        </li>
                        <li class="">
                            <div class="theme-border-color"><a href="responsibility.html" class="theme-color">社会责任</a></div>
                        </li>
                        <li class="">
                            <div class="theme-border-color"><a href="contact.html" class="theme-color">联系我们</a></div>
                        </li>
                    </ul>
                    <div class="nav-line"></div>
                </div>

            </nav>
        </div>

    </div>
    <div class="out-box" style="margin-top: 0.4rem">
        <div class="main-width flex-box">
            <div class="new-box">
                <div class="head-line" id="head-line">
                    <a href="#">
                        <div class="head-line-date">2018.09.23</div>
                        <div class="head-line-title">集团与美国Aspen公司达成战略合作协议</div>
                    </a>
                </div>
                <div class="news-items" id="news-item">
                    <div class="news-item">
                            <a href="#">
                            <div class="icon">
                                <img src="img/icon/right-icon.png" alt="">
                            </div>
                            <div class="item-date">2019.09.23</div>
                            <div class="item-title">中国首届痛风康复论坛在天津召开</div>
                        </a>
                    </div>
                    <div class="news-item">
                        <a href="#">
                            <div class="icon">
                                <img src="img/icon/right-icon.png" alt="">
                            </div>
                            <div class="item-date">2019.09.23</div>
                            <div class="item-title">中国首届痛风康复论坛在天津召开中国首届痛风康复论坛在天津召开中国首届痛风康复论坛在天津召开中国首届痛风康复论坛在天津召开</div>
                        </a>
                    </div>
                    <div class="news-item">
                        <a href="#">
                            <div class="icon">
                                <img src="img/icon/right-icon.png" alt="">
                            </div>
                            <div class="item-date">2019.09.23</div>
                            <div class="item-title">中国首届痛风康复论坛在天津召开</div>
                        </a>
                    </div>
                    <div class="news-item">
                        <a href="#">
                            <div class="icon">
                                <img src="img/icon/right-icon.png" alt="">
                            </div>
                            <div class="item-date">2019.09.23</div>
                            <div class="item-title">中国首届痛风康复论坛在天津召开</div>
                        </a>
                    </div>

                </div>
            </div>
            <div class="video-box">
                <video src="video/tfn.mp4"
                       controls="controls"
                       preload="auto"
                       autoplay="autoplay"
                       muted
                ></video>

            </div>
        </div>

    </div>
    <div class="out-box">
        <div class="main-width flex-box">
            <div class="three-div fp">
                <a href="list.html?item=5&list=0"></a>
            </div>
            <div class="three-div qxwz">
                <a href="list.html?item=5&list=1"></a>
            </div>
            <div class="three-div zgx">
                <a href="list.html?item=5&list=2"></a>
            </div>
        </div>
    </div>
    <div class="out-box four-box">
        <a href="#"></a>
    </div>
    <div class="out-box">
        <div class="main-width">
            <div class="industrial-title-cn">集团产业</div>
            <div class="industrial-title-en">INDUSTRIAL GROUP</div>
            <div class="group-list">
                <div class="group-item">
                    <div class="item-img">
                        <img src="img/group-logo/yf.png" alt="">
                    </div>
                    <div class="item-des">
                        <div><a href="list.html?item=2&list=6">中科兰丁自然医学研究院</a></div>
                    </div>
                </div>
                <div class="group-item">
                    <div class="item-img">
                        <img src="img/group-logo/sj.png" alt="">
                    </div>
                    <div class="item-des">
                        <div><a href="list.html?item=2&list=10">胜依云大数据网络应用</a></div>
                    </div>
                </div>
                <div class="group-item">
                    <div class="item-img">
                        <img src="img/group-logo/cp.png" alt="">
                    </div>
                    <div class="item-des">
                        <div class="cp">
                            <a href="list.html?item=2&list=0">天赋能功能食品</a>
                            <a href="list.html?item=2&list=3">中科特膳医用食品</a>
                            <a href="list.html?item=2&list=1">天赋能医用食品</a>
                            <a href="list.html?item=2&list=2">天赋能特膳厨房</a>
                            <a href="list.html?item=2&list=4">功能休闲食品</a>
                            <a href="list.html?item=2&list=5">生态农业</a>
                            <a href="list.html?item=2&list=8">中科兰丁医疗设备</a>
                            <a href="list.html?item=2&list=9">健之家康养智慧社区</a>
                        </div>

                    </div>
                </div>
                <div class="group-item">
                    <div class="item-img">
                        <img src="img/group-logo/yl.png" alt="">
                    </div>
                    <div class="item-des">
                        <div><a href="list.html?item=2&list=7">中科兰丁康复门诊</a></div>
                    </div>
                </div>
                <div class="group-item">
                    <div class="item-img">
                        <img src="img/group-logo/jy.png" alt="">
                    </div>
                    <div class="item-des">
                        <div><a href="list.html?item=2&list=11">天赋能商学院</a></div>
                    </div>
                </div>
            </div>
        </div>
    </div>
    <footer>
        <div class="main-width flex-box footer-box">
            <!--<div>天赋能健康产业股份有限公司 版权所有</div>-->
            <div><span id="copy-right"></span> 版权所有</div>            <div>胜依云大数据网络应用有限公司 技术支持</div>
            <ul class="footer-link">
                <li><a href="contact.html">联系我们</a></li>
                <li><a href="list.html?item=6&list=0">网站地图</a></li>
                <li><a href="list.html?item=6&list=1">法律声明</a></li>
                <li><a href="list.html?item=6&list=2">隐私政策</a></li>

            </ul>
            <div>备案号：<span id="copyright">津ICP备12005708-4号</span></div>
        </div>
    </footer>
    <div class="back-top" style="display: none">
        TOP
    </div>
    <script src="js/jquery.min.js"></script>
    <script src="js/ft-carousel.min.js"></script>
    <script src="js/app.js"></script>
    <script src="js/pc.js"></script>
    <script src="js/navJs.js"></script>
    <script src="js/page-js/index.js"></script>
</body>
</html>
